<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<title>诺丁企服 | 无人空间管理系统_无人棋牌室_无人茶室_无人自习室</title>
	<meta name="keywords" content="无人棋牌室,无人茶室,无人自习室" />
	<meta name="description" content="诺丁企服专注于智能零售领域无人空间管理系统，自研子系统有无人棋牌室系统、客户端小程序、商户端管理后台，至于打造高效、低成本、便捷的智能化无人零售系统。" />
	<link rel="icon" href="ico/favicon.ico" />
	<link rel="stylesheet" type="text/css" href="css/uikit/uikit.min.css" />
	<link rel="stylesheet" type="text/css" href="css/element/element.css" />
	<link rel="stylesheet" type="text/css" href="css/index.css" />
	<link rel="stylesheet" type="text/css" href="css/mindex.css" />
	<script src="js/vue/vue.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/uikit/uikit.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/uikit/uikit-icons.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/element/element.js"></script>
	<script src="js/vue/axios.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/request.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
	<div id="app">
		<div uk-sticky="sel-target: .dx-nav-container; cls-active: uk-navbar-sticky">
			<nav class="dx-nav-container" uk-navbar>
				<div class="uk-navbar-left"><a class="uk-navbar-item uk-logo" href="#app" uk-scroll>
						<!-- <img
							src="img/logo.png" /> -->
						{{getConfigTitle(30, true)}}
					</a></div>
				<div class="uk-navbar-right uk-visible@m">
					<ul uk-tab uk-scrollspy-nav="closest: li; scroll: true">
						<li class="uk-active"><a href="#dx-yyly" uk-scroll>应用领域</a></li>
						<li><a href="#dx-zhmdys" uk-scroll>产品优势</a></li>
						<li><a href="#dx-rjjm" uk-scroll>软件界面</a></li>
						<li><a href="#dx-sbms" uk-scroll>设备说明</a></li>
						<li><a href="#dx-xtys" uk-scroll>系统优势</a></li>
						<li><a href="#dx-gnzc" uk-scroll>给您支持</a></li>
						<li><a href="#dx-cgal" uk-scroll>产品中心</a></li>
						<li><a href="#dx-xwzx" uk-scroll>行业动态</a></li>
					</ul>
					<div uk-tab><a href="#modal-example" uk-toggle>试用体验</a></div>
				</div>
				<div class="uk-navbar-right uk-hidden@m">
					<a href="#dx-nav-container-s" uk-icon="icon: table" uk-toggle></a>
					<div id="dx-nav-container-s" uk-offcanvas>
						<div class="uk-offcanvas-bar dx-offcanvas-bar">
							<ul uk-tab uk-scrollspy-nav="closest: li; scroll: true">
								<li class="uk-active"><a href="#dx-yyly" uk-scroll>应用领域</a></li>
								<li><a href="#dx-zhmdys" uk-scroll>产品优势</a></li>
								<li><a href="#dx-rjjm" uk-scroll>软件界面</a></li>
								<li><a href="#dx-sbms" uk-scroll>设备说明</a></li>
								<li><a href="#dx-xtys" uk-scroll>系统优势</a></li>
								<li><a href="#dx-gnzc" uk-scroll>给您支持</a></li>
								<li><a href="#dx-cgal" uk-scroll>产品中心</a></li>
								<li><a href="#dx-xwzx" uk-scroll>行业动态</a></li>
							</ul>
						</div>
					</div>
				</div>
			</nav>
		</div>
		<div uk-slideshow="max-height: 600;">
			<ul class="uk-slideshow-items">
				<li v-for="(item,index) in bannerList" :key="index">
					<img :src="item.url" />
				</li>
			</ul>
		</div>
		<div id="dx-yyly" class="dx-main-item">
			<div class="dx-main-item-title-v" uk-scrollspy="cls: uk-animation-slide-right;">
				<div class="dx-main-item-title">应用领域</div>
				<div class="dx-main-item-sub-title">Application Field</div>
			</div>
			<div class="dx-main-item-container" uk-scrollspy="cls: uk-animation-fade; delay: 300;"
				uk-slideshow="max-height: 500;">
				<ul class="uk-flex-around" uk-tab>
					<li uk-slideshow-item="0"><a href="">无人棋牌室</a></li>
					<li uk-slideshow-item="1"><a href="">无人茶室</a></li>
					<li uk-slideshow-item="2"><a href="">无人自习室</a></li>
					<li uk-slideshow-item="3"><a href="">无人健身室</a></li>
					<li uk-slideshow-item="4"><a href="">共享会议室</a></li>
				</ul>
				<ul class="uk-slideshow-items">
					<li><img src="img/yyly-1.jpg" /></li>
					<li><img src="img/yyly-2.jpg" /></li>
					<li><img src="img/yyly-3.jpg" /></li>
					<li><img src="img/yyly-4.jpg" /></li>
					<li><img src="img/yyly-5.jpg" /></li>
				</ul>
			</div>
		</div>
		<div id="dx-zhmdys" class="dx-main-item">
			<div class="dx-main-item-title-v" uk-scrollspy="cls: uk-animation-slide-left;">
				<div class="dx-main-item-title">产品优势</div>
				<div class="dx-main-item-sub-title">Store Advantage</div>
			</div>
			<div class="dx-main-item-container uk-visible@s" uk-scrollspy="cls: uk-animation-fade; delay: 300;">
				<div class="uk-grid-medium uk-grid-match uk-child-width-1-2@s uk-child-width-1-3@m" uk-grid>
					<div class="dx-zhmdys-item" v-for="(item,index) in zhmdysList" :key='index'>
						<div class="dx-zhmdys-item-main">
							<img class="dx-zhmdys-item-icon" :src="item.icon" />
							<div class="dx-zhmdys-item-title">{{item.title}}</div>
							<div class="dx-zhmdys-item-desc">{{item.content}}</div>
						</div>
					</div>
				</div>
			</div>
			<div class="dx-main-item-container uk-hidden@s" uk-scrollspy="cls: uk-animation-fade; delay: 300;"
				uk-slider="center: true">
				<div class="uk-slider-items uk-grid uk-grid-medium uk-grid-match">
					<div class="dx-zhmdys-item uk-width-3-4" v-for="(item,index) in zhmdysList" :key='index'>
						<div class="dx-zhmdys-item-main">
							<img class="dx-zhmdys-item-icon" :src="item.icon" />
							<div class="dx-zhmdys-item-title">{{item.title}}</div>
							<div class="dx-zhmdys-item-desc">{{item.content}}</div>
						</div>
					</div>
				</div>
				<ul class="dx-dotnav uk-slider-nav uk-dotnav uk-flex-center uk-margin"></ul>
			</div>
		</div>
		<div id="dx-rjjm" class="dx-main-item">
			<div class="dx-main-item-title-v" uk-scrollspy="cls: uk-animation-slide-right;">
				<div class="dx-main-item-title">软件界面</div>
				<div class="dx-main-item-sub-title">Software Design</div>
			</div>
			<div class="dx-rjjm-item-container" uk-scrollspy="cls: uk-animation-fade; delay: 300;">
				<div class="uk-flex dx-rjjm-item ">
					<div class="dx-rjjm-title">客户端</div>
					<div class="uk-width-1-2@s uk-width-1-3@m uk-overflow-hidden">
						<el-carousel ref="rjjmUserCarousel" class="rjjmUserCarousel" arrow="never" type="card"
							indicator-position="none" :autoplay="false" height="510px"
							@change="carouselItemShow('rjjmUser',$event)">
							<el-carousel-item v-for="(item,index) in rjjmUserList" :key="index">
								<img :src="item.content" draggable="false" />
							</el-carousel-item>
						</el-carousel>
					</div>
					<div class="uk-width-1-2@s uk-width-2-3@m uk-flex uk-flex-middle switch-box">
						<div v-for="(item,index) in rjjmUserList" class="switch-item"
							:class="rjjmUserIndex==index?'is-active':''" :key="index"
							@click="clickTab('rjjmUser',index)">
							<a class="uk-flex" href="javascript:;">
								<div class="dx-rjjm-icon">
									<img :src="rjjmUserIndex==index?item.selectIcon:item.icon">
								</div>
								<div class="dx-content">
									<div class="dx-name">{{item.name}}</div>
									<div class="dx-desc">{{item.description}}</div>
								</div>
							</a>
						</div>
					</div>
				</div>
				<div class="dx-rjjm-qrcode">
					<img :src="setImage()" />
					<div class="dx-rjjm-qrcode-title">更多功能，请扫码试用</div>
				</div>
			</div>
			<div class="dx-rjjm-item-container black" uk-scrollspy="cls: uk-animation-fade; delay: 300;">
				<div class="uk-flex dx-rjjm-item">
					<div class="dx-rjjm-title">老板端</div>
					<div class="uk-width-1-2@s uk-width-1-3@m uk-overflow-hidden">
						<el-carousel ref="rjjmMpCarousel" class="rjjmMpCarousel" type="card" arrow="never"
							indicator-position="none" :autoplay="false" height="510px"
							@change="carouselItemShow('rjjmMp',$event)">
							<el-carousel-item v-for="(item,index) in rjjmMpList" :key="index">
								<img :src="item.content" draggable="false" />
							</el-carousel-item>
						</el-carousel>
					</div>
					<div class="uk-width-1-2@s uk-width-2-3@m uk-flex uk-flex-middle switch-box">
						<div v-for="(item,index) in rjjmMpList" class="switch-item"
							:class="rjjmMpIndex==index?'is-active':''" :key="index" @click="clickTab('rjjmMp',index)">
							<a class="uk-flex" href="javascript:;">
								<div class="dx-rjjm-icon">
									<img :src="rjjmMpIndex==index?item.selectIcon:item.icon">
								</div>
								<div class="dx-content">
									<div class="dx-name">{{item.name}}</div>
									<div class="dx-desc">{{item.description}}</div>
								</div>
							</a>
						</div>
					</div>
				</div>
				<div class="dx-rjjm-qrcode">
					<!-- <img src="img/qrcode-mp.png" /> -->
					<img :src="setImage()" />
					<div class="dx-rjjm-qrcode-title">更多功能，请扫码试用</div>
				</div>
			</div>
			<div class="dx-rjjm-item-container" uk-scrollspy="cls: uk-animation-fade; delay: 300;">
				<div class="uk-flex dx-rjjm-item">
					<div class="dx-rjjm-title">管理后台</div>
					<!-- <ul class="uk-slideshow-items uk-width-2-3@s uk-width-3-4@m">
							<li v-for="(item,index) in rjjmAdminList" :key="index"><img :src="item.content" /></li>
						</ul> -->
					<div class="uk-width-2-3@s uk-width-3-4@m uk-overflow-hidden">
						<el-carousel class="pc-box rjjmAdminCarousel" ref="rjjmAdminCarousel" arrow="never"
							indicator-position="none" :autoplay="false" @change="carouselItemShow('rjjmAdmin',$event)">
							<el-carousel-item v-for="(item,index) in rjjmAdminList" :key="index">
								<img :src="item.content" draggable="false" />
							</el-carousel-item>
						</el-carousel>
					</div>
					<div
						class="uk-width-1-3@s uk-width-1-4@m uk-flex uk-flex-column uk-flex-center uk-flex-middle switch-box">
						<div v-for="(item,index) in rjjmAdminList" class="switch-item"
							:class="rjjmAdminIndex==index?'is-active':''" :key="index"
							@click="clickTab('rjjmAdmin',index)">
							<a class="uk-flex" href="javascript:;">
								<div class="dx-rjjm-admin-a">{{item.name}}</div>
							</a>
						</div>
					</div>
					<!-- <div class="uk-width-1-3@s uk-width-1-4@m uk-flex uk-flex-middle switch-box">
							<div v-for="(item,index) in rjjmAdminList" :key="index" class="switch-item">
								<a href="">
									<div class="dx-rjjm-admin-a">{{item.name}}</div>
								</a>
							</div>
						</div> -->
				</div>
				<div class="dx-rjjm-qrcode">
					<img :src="setImage()" />
					<div class="dx-rjjm-qrcode-title">更多功能，请扫码试用</div>
				</div>
			</div>
		</div>
		<div id="dx-sbms" class="dx-main-item">
			<div class="dx-main-item-title-v" uk-scrollspy="cls: uk-animation-slide-left;">
				<div class="dx-main-item-title">设备说明</div>
				<div class="dx-main-item-sub-title">Equipment Description</div>
			</div>
			<div class="dx-main-item-container" uk-scrollspy="cls: uk-animation-fade; delay: 300;">
				<div class="uk-grid-medium@s uk-grid-small uk-grid-match uk-child-width-1-2 uk-child-width-1-3@m uk-child-width-1-4@l"
					uk-grid>
					<div class="dx-sbms-item" v-for="(item,index) in productList" :key='index'>
						<div class="dx-sbms-item-main">
							<img class="dx-sbms-item-icon" :src="item.productImg" />
							<div class="dx-sbms-item-desc" v-html="item.productDesc"></div>
							<div class="dx-sbms-item-title">{{item.productName}}</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="dx-xtys" class="dx-main-item">
			<div class="dx-main-item-title-v" uk-scrollspy="cls: uk-animation-slide-right;">
				<div class="dx-main-item-title">系统优势</div>
				<div class="dx-main-item-sub-title">System Advantage</div>
			</div>
			<div class="dx-main-item-container" uk-scrollspy="cls: uk-animation-fade; delay: 300;">
				<div class="uk-grid-medium@s uk-grid-small uk-grid-match uk-child-width-1-2 uk-child-width-1-3@l"
					uk-grid>
					<div class="dx-xtys-item" v-for="(item,index) in xtysList" :key='index'>
						<div class="dx-xtys-item-main uk-flex">
							<div class="uk-width-1-1 uk-width-1-4@s">
								<img class="dx-xtys-item-icon" :src="item.icon" />
							</div>
							<div class="uk-width-expand">
								<div class="dx-xtys-item-title">{{item.title}}</div>
								<div class="dx-xtys-item-desc">{{item.content}}</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="dx-gnzc" class="dx-main-item">
			<div class="dx-main-item-title-v" uk-scrollspy="cls: uk-animation-slide-left;">
				<div class="dx-main-item-title">给您支持</div>
				<div class="dx-main-item-sub-title">We Provide</div>
			</div>
			<div class="dx-main-item-container" uk-scrollspy="cls: uk-animation-fade; delay: 300;" uk-slider>
				<div class="uk-slider-items uk-grid uk-grid-medium uk-grid-match">
					<div class="dx-gnzc-item uk-width-3-5 uk-width-1-5@l uk-width-1-4@m uk-width-1-2@s"
						v-for="(item,index) in gnzcList" :key='index'>
						<div class="dx-gnzc-item-main">
							<img class="dx-gnzc-item-icon" :src="item.icon" />
							<div class="dx-gnzc-item-title">{{item.title}}</div>
							<div class="dx-gnzc-item-desc">{{item.content}}</div>
						</div>
					</div>
				</div>
				<ul class="dx-dotnav uk-slider-nav uk-dotnav uk-flex-center uk-margin"></ul>
			</div>
		</div>
		<div id="dx-cgal" class="dx-main-item">
			<div class="dx-main-item-title-v" uk-scrollspy="cls: uk-animation-slide-left;">
				<div class="dx-main-item-title">产品中心</div>
				<div class="dx-main-item-sub-title">Product Center</div>
			</div>
			<div class="dx-main-item-container" uk-scrollspy="cls: uk-animation-fade; delay: 300;">
				<div class="uk-grid-medium@s uk-grid-small uk-grid-match uk-child-width-1-2 uk-child-width-1-3@m uk-child-width-1-4@l"
					uk-grid>
					<div class="uk-text-center" style="margin: 20px 0; cursor: pointer;"
						v-for="(item,index) in displayedSuccessCase" :key="index">
						<a :href="'./case/' + item.id + '.html'" target="_blank">
							<div class="uk-inline-clip uk-transition-toggle" tabindex="0">
								<img style="width: 100%; height: 240px; border-radius: 5px;" :src="item.caseImg">
								<div
									class="uk-transition-slide-bottom uk-position-bottom uk-overlay uk-overlay-default">
									<p class="uk-h6 uk-margin-remove">{{item.caseName}}</p>
								</div>
							</div>
						</a>

						<p class="uk-margin-small-top">{{item.caseName}}</p>
					</div>
				</div>
				<div v-if="successCaseList.length > 8" class="gd">
					<div><a href="./moreCases/moreIndex.html" target="_blank">更多产品 ></a></div>
				</div>
			</div>
		</div>
		<div id="dx-xwzx" class="dx-main-item">
			<div class="dx-main-item-title-v" uk-scrollspy="cls: uk-animation-slide-left;">
				<div class="dx-main-item-title">行业动态</div>
				<div class="dx-main-item-sub-title">Industry News</div>
			</div>
			<div class="dx-main-item-container" uk-scrollspy="cls: uk-animation-fade; delay: 300;">
				<div class="uk-grid-medium@s uk-grid-small uk-grid-match uk-child-width-1-2 uk-child-width-1-3@m uk-child-width-1-4@l"
					uk-grid>
					<div class="uk-text-center" v-for="(item,index) in displayedNews" :key="index">
						<div class="uk-card uk-card-default">
							<div class="uk-card-media-top">
								<img style="width: 100%; height: 200px;" :src="item.newImg" alt="">
							</div>
							<div class="uk-card-body">
								<div class="uk-text-large uk-text-bolder" style="font-size: 12px;">{{item.title}}</div>
								<p class="uk-text-small">{{item.createTime}}</p>
								<div class="news_link">
									<a :href="'./news/' + item.id + '.html'" target="_blank">阅读详情</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div v-if="newsInforList.length > 8" class="gd">
					<div><a href="./moreNewsInfo/newsIndex.html" target="_blank">更多动态 ></a></div>
				</div>
			</div>
		</div>
		<div id="modal-example" uk-modal>
			<div class="uk-modal-dialog uk-modal-body uk-margin-auto-vertical ">
				<div class="uk-text-lead uk-text-center">申请产品体验服务</div>
				<form class="uk-form-stacked" style="margin-top: 20px;">
					<div class="uk-margin">
						<label class="uk-form-label" for="form-stacked-text">您体验的目的是什么（单选）？</label>
						<div class="uk-grid-small uk-child-width-auto">
							<label><input class="uk-radio" type="radio" v-model="formData.cusIntention" value="购买系统">
								购买系统</label>
							<label><input class="uk-radio" type="radio" v-model="formData.cusIntention" value="成为代理">
								成为代理</label>
							<label><input class="uk-radio" type="radio" v-model="formData.cusIntention" value="介绍客户">
								介绍客户</label>
							<label><input class="uk-radio" type="radio" v-model="formData.cusIntention" value="其他合作">
								其他合作</label>
						</div>
					</div>

					<div class="uk-margin">
						<label class="uk-form-label" for="form-stacked-text">您想体验什么项目（多选）？</label>
						<div class="uk-grid-small uk-child-width-auto"
							style="display: flex; flex-wrap: wrap;justify-content: flex-start;">
							<label><input class="uk-checkbox" type="checkbox" v-model="formData.cusProject"
									value="自助民宿/酒店"> 自助民宿/酒店</label>
							<label><input class="uk-checkbox" type="checkbox" v-model="formData.cusProject"
									value="自助电竞房">
								自助电竞房</label>
							<label><input class="uk-checkbox" type="checkbox" v-model="formData.cusProject"
									value="共享设备扫码计费"> 共享设备扫码计费</label>
							<label><input class="uk-checkbox" type="checkbox" v-model="formData.cusProject"
									value="自助茶室">
								自助茶室</label>
							<label><input class="uk-checkbox" type="checkbox" v-model="formData.cusProject"
									value="自助棋牌室">
								自助棋牌室</label>
							<label><input class="uk-checkbox" type="checkbox" v-model="formData.cusProject"
									value="自助台球室">
								自助台球室</label>
							<label><input class="uk-checkbox" type="checkbox" v-model="formData.cusProject"
									value="共享自习室">
								共享自习室</label>
							<label><input class="uk-checkbox" type="checkbox" v-model="formData.cusProject"
									value="自助舞蹈室">
								自助舞蹈室</label>
							<label><input class="uk-checkbox" type="checkbox" v-model="formData.cusProject"
									value="自助瑜伽馆">
								自助瑜伽馆</label>
							<label><input class="uk-checkbox" type="checkbox" v-model="formData.cusProject"
									value="自助球房/体育馆"> 自助球房/体育馆</label>
							<label><input class="uk-checkbox" type="checkbox" v-model="formData.cusProject"
									value="共享健身房">
								共享健身房</label>
							<label><input class="uk-checkbox" type="checkbox" v-model="formData.cusProject"
									value="自助影咖">
								自助影咖</label>
							<label><input class="uk-checkbox" type="checkbox" v-model="formData.cusProject"
									value="共享KTV">
								共享KTV</label>
						</div>
					</div>

					<div class="uk-margin">
						<label class="uk-form-label" for="form-stacked-text">您所在城市：</label>
						<div class="uk-form-controls">
							<input class="uk-input" id="city" type="text" v-model="formData.cusAddress"
								placeholder="请输入地址">
						</div>
					</div>

					<div class="uk-margin">
						<label class="uk-form-label" for="form-stacked-text">您的姓名：</label>
						<div class="uk-form-controls">
							<input class="uk-input" id="name" type="text" v-model="formData.cusName"
								placeholder="请输入姓名">
						</div>
					</div>

					<div class="uk-margin">
						<label class="uk-form-label" for="form-stacked-text">您的电话：</label>
						<div class="uk-form-controls">
							<input class="uk-input" id="phone" v-model="formData.cusPhone" type="text"
								placeholder="请输入手机号">
						</div>
					</div>

					<div class="uk-margin">
						<label class="uk-form-label" for="form-stacked-text">验证码：</label>
						<div class="uk-flex uk-flex-middle">
							<div class="uk-form-controls">
								<input class="uk-input" id="captcha" v-model="formData.verifyCode" type="text"
									placeholder="请输入验证码">
							</div>
							<button type="button" class="uk-button uk-button-default verify-button"
								:disabled="isCountingDown" @click="sendVerificationCode">
								{{ isCountingDown ? countdown + '秒后重试' : '获取验证码' }}
							</button>
						</div>
					</div>
				</form>
				<p class="uk-text-right">
					<button class="uk-button uk-button-default uk-modal-close" type="button">取消</button>
					<button class="uk-button uk-button-primary" type="button" @click="submitForm">提交资料</button>
				</p>
			</div>
		</div>
		<div id="modal-examples" uk-modal class="uk-hidden@m">
			<div class="uk-modal-dialog uk-modal-body uk-margin-auto-vertical">
				<div class="dx-online-consult-dialog">
					<div class="dx-online-consult-main">
						<div class="dx-title">在线咨询</div>
						<div class="dx-tel" @click="callPhone(getConfig(2))"><span uk-icon="icon: receiver"></span>
							{{getConfig(2)}}</div>
						<div class="desc">现在咨询，免费获取项目合作资料</div>
						<div class="qrcode-v"><img class="qrcode" :src="setImage()" /> </div>
						<div class="qrcode-desc">手机扫码加我微信</div>
					</div>
				</div>
			</div>
		</div>
		<div class="dx-footer">
			<div class="dx-footer-main">

				<div class="dx-footer-desc">
					<div class="dx-title">公司简介</div>
					<div>{{getConfig(28)}}</div>
				</div>
				<div class="dx-footer-top">
					<div class="dx-footer-left uk-width-1-1 uk-width-3-5@s uk-width-2-5@m">
						<div class="dx-title">咨询热线</div>
						<div class="dx-tel" @click="callPhone(getConfig(2))"><span uk-icon="icon: receiver"></span>
							{{getConfig(17)}}</div>
						<div class="dx-email">邮箱：{{getConfig(18)}}</div>
					</div>
					<div class="dx-footer-mid uk-width-2-5 uk-visible@m">
						<div class="dx-title">快速入口</div>
						<div><a href="#dx-yyly" uk-scroll>应用领域</a></div>
						<div><a href="#dx-zhmdys" uk-scroll>产品优势</a></div>
						<div><a href="#dx-rjjm" uk-scroll>软件界面</a></div>
						<div><a href="#dx-sbms" uk-scroll>设备说明</a></div>
						<div><a href="#dx-xtys" uk-scroll>系统优势</a></div>
						<div><a href="#dx-gnzc" uk-scroll>给您支持</a></div>
						<div><a href="l#dx-cgal" uk-scroll>产品中心</a></div>
						<div><a href="#dx-xwzx" uk-scroll>行业动态</a></div>
					</div>
					<div class="dx-footer-right uk-width-1-1 uk-width-2-5@s uk-width-1-5@m">
						<div class="dx-title">微信联系</div>
						<div><img class="qrcode" :src="setImage()" /> </div>
						<div>扫描二维码添加微信</div>
					</div>
				</div>
				<div class="dx-footer-bottom">
					<div>
						<div>{{getConfig(22, true)}}</div>
						<div>{{getConfig(21, true)}}</div>
					</div>
					<div>
						<div>{{getConfig(20, true)}}</div>
						<div>{{getConfig(19, true)}}</div>
					</div>
					<div>
						<div>{{getConfig(23)}}</div>
						<div><a href="https://beian.miit.gov.cn" target="_blank">{{getConfig(24)}}</a></div>
					</div>
				</div>
			</div>
		</div>
		<div class="dx-online-consult">
			<div class="dx-online-consult-icon" @click="showconsult = !showconsult">
				<span v-if="showconsult" uk-icon="icon: triangle-up; ratio: 2;"></span>
				<span v-else uk-icon="icon: triangle-down; ratio: 2;"></span>
			</div>
			<div class="dx-online-consult-main" v-if="showconsult">
				<div class="dx-title">在线咨询</div>
				<div class="dx-tel" @click="callPhone(getConfig(17))"><span uk-icon="icon: receiver"></span>
					{{getConfig(17)}}</div>
				<div class="desc">现在咨询，免费获取项目合作资料</div>
				<div class="qrcode-v"><img class="qrcode" :src="setImage()" /> </div>
				<div class="qrcode-desc">手机扫码加我微信</div>
			</div>
		</div>
		<div class="dx-navigation-bottom uk-hidden@m">
			<div class="left">
				<div><a class="index" href="#dx-yyly">
						<div><img class="icon" src="img/home.png" /></div>首页
					</a></div>
				<div><a class="index" href="tel:15799935660">
						<div><img class="icon" src="img/phone.png" /></div>电话咨询
					</a></div>
				<div><a class="index" href="#modal-examples" uk-toggle>
						<div><img class="icon" src="img/wx.png" /></div>微信
					</a></div>
			</div>
			<div><a class="ty" href="#modal-example" uk-toggle>试用体验</a></div>
		</div>
	</div>
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>